    
var imgwidth=$('.banner').width();//图片宽度
// console.log(imgwidth)
$(window).ready(function(){  //load函数
  // console.log(1)
});
$(function(){  //load函数
  // console.log(2)
});

$(window).load(function(){
        // 轮播图 
        var index = 0;
        // first() 将匹配元素集合缩减为集合中的第一个元素。
        // clone() 克隆
        $('.banner ul li').first().clone().appendTo('.banner ul');//克隆第一张图片添加到列表中去
        var length = $('.banner ul li').length;//返回判断的数量
      if(length >2){
        // 循环图片容器的数量 并向提示按钮的容器添加子元素
        for (var i = 0; i < length-1; i++) {
            $('.banner ol').append('<li></li>');
        }
        $('.banner ol li').first().addClass('on');
         // 鼠标触碰提示按钮
         $('.banner ol li').hover(function(){
            // console.log($(this).index())
            index = $(this).index();
            $('.banner ul').stop().animate({left:- index * imgwidth},800)
            $('.banner ol li').eq(index).addClass('on').siblings().removeClass('on');
        })
        // 自动轮播 加定时器
        var timer = setInterval(sliderTimer,3000)
        function sliderTimer(){
            index++;
            move()
        }
         // 给左右按钮绑定事件
         $('.btn_l').click(function(){
            index--
            move()
        })
        $('.btn_r').click(function(){
            index++
            move()
        })

        // 鼠标悬停事件
        $('.banner').hover(function(){
            clearInterval(timer)
        },function(){
            timer = setInterval(sliderTimer,3000)
        })  

      } else{
          $('.banner ol').hide();
          $('.banner .btn_l').hide();
          $('.banner .btn_r').hide();
      }   
        // 移动事件
        function move(){
            if (index==length) {
                $('.banner ul').css({left:0});
                index = 1;
            }
            if(index ==-1){
                $('.banner ul').css({left:-(length-1)*imgwidth})
                index = length-2
            }
            $('.banner ul').stop().animate({left:- index * imgwidth},800)

            if (index==length-1) {
                // 如果索引值为最大值，那么就给第一个小圆点添加类名，其他兄弟删除类名
                $('.banner ol li').eq(0).addClass('on').siblings().removeClass('on');
            }else{
                $('.banner ol li').eq(index).addClass('on').siblings().removeClass('on');
            }
        }
        //input 选择搜索
     $('.span-index').click(function(){
        $('.com-select').toggle()
      })
      $('.span-index1').click(function(){
        $('.com-select1').toggle()
      })
      $('.com-select>li').click(function(){
       $('.com-select>li').removeClass('removeActive')   
       $(this).addClass('removeActive')
      })
      $('.com-select1>li').click(function(){
       $('.com-select1>li').removeClass('removeActive')   
       $(this).addClass('removeActive')
      })
     // 点击搜索工厂选择框里面的每一项
     $('.com-select1>li').each(function(){
        $(this).click(function(){
            var conent=$(this).text()
            $('.span-index1').html(conent)
            $('.com-select1').hide();
        })
     })
    //  点击选择语言选择框里面的每一项
     $('.com-select>li').each(function(){
        $(this).click(function(){
            var conent=$(this).text()
            $('.span-index').html(conent)
            $('.com-select').hide();
        })
     })
    //  $('body').click(function(){
    //     $('.com-select1').hide();
    //     $('.com-select').hide();
    //  })
      //语言的选择
      $(".country_list").click(function(){
         $('.ChangeLocale__Window').toggle();
         $('.ff-is-visible').toggle();
         $('.ChangeLocale__DismissableBackground').toggle();
      })
       //  选择哪个国家
      $('.ChangeLocale__CountryList>li').click(function(){
         $('.ChangeLocale__Window').hide();
         $('.ff-is-visible').hide();
         $('.ChangeLocale__DismissableBackground').hide();
      })
      // nav导航
      $('.nav_list>ul>li>a').stop(true).click(function(){
         $('.nav_list>ul>li>a').addClass('removeActive').removeClass('addActive')   
          $(this).addClass('addActive').removeClass('removeActive')
           
      })
      //tab的切换
  
      //打开选择国家对话框 
    $('.ChangeLocale__DismissableBackground').click(function(){
        $('.ChangeLocale__DismissableBackground').hide();
        $('.ChangeLocale__Window').hide();
        $('.ChangeLocale__Backdrop').hide();
    })
    $('.h_382>li').each(function(i){
        $('.h_382>li').stop().hover(function(){
        $('.h_382>li').removeClass('hoveStyle').addClass('removeHoverStyle');
        $(this).addClass('hoveStyle').removeClass('removeHoverStyle');
        var a=(-($(this).index()*$(this).height()+$(this).index()*2));
        $($(this).children('.second')).css('top',a)
        $('.second').hide();
        $(this).children('.second').show() 
        var name=$($(this).children('.second').children('ol.w224').children('li').children('a'))
          name.stop().hover(function(){
            name.addClass('secondRemoverStyle').removeClass('secondAddStyle');
            $(this).addClass('secondAddStyle').removeClass('secondRemoverStyle');
          })
       },function(){
        $('.second').hide();
       })
    })
    $('.h_382>li:last-child').hover(function(){
        $('.second').hide();
    })
    // tab切换
      $('#tab1').click(function(){
        $('.ind_shop_tit>span').removeClass('cur')
        $(this).addClass('cur')
        $('#tabs1').show();
        $('#tabs2').hide();
        $('#more1').show();
        $('#more2').hide();
      })
      $('#tab2').click(function(){
        $('.ind_shop_tit>span').removeClass('cur');
        $(this).addClass('cur');
        $('#tabs2').show();
        $('#tabs1').hide();
        $('#more2').show();
        $('#more1').hide();
      })
      $('#tab3').click(function(){
        $('.shop_tit>span').removeClass('cur')
        $(this).addClass('cur')
        $('#tabs3').show();
        $('#tabs4').hide();
      })
      $('#tab4').click(function(){
        $('.shop_tit>span').removeClass('cur')
        $(this).addClass('cur')
        $('#tabs3').hide();
        $('#tabs4').show();
      })
      // 物料列表的tab默认页面
      if($('.ind_shop_show').text() ==""){
         $('.not_data').show()
      }else{
        $('.not_data').hide() 
      }
    //   店铺列表的tab默认页面
    if($('#tabs3 .shop_list').text() =="" ){
        $('#tabs3').children('.not_data').show()
     }else{
        $('#tabs3').children('.not_data').hide()
     }
     if($('#tabs4 .shop_list').text() =="" ){
        $('#tabs4').children('.not_data').show()
     }else{
        $('#tabs4').children('.not_data').hide()
        
     }
})
    